<!DOCTYPE html>
<html lang="zh">
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="/favicon.png">
    
    <meta name="viewport" content="width=device-width, initial-scale=0.8, user-scalable=no">
    <meta name="title" content="{:$configs['SYSTEM_NAME']}算力云 | 弹性、好用、省钱。租GPU就上{:$configs['SYSTEM_NAME']}">
    <meta name="keywords" content="GPU租用,租GPU,NVIDIA GPU,3090,V100,A100,3080,2080Ti,算法复现,算法社区">
    <meta name="description" content="{:$configs['SYSTEM_NAME']}为您提供专业的GPU租用服务，秒级计费、稳定好用，高规格机房，7x24小时服务。更有算法复现社区，一键复现算法。">
    <title>{:$configs['SYSTEM_NAME']}算力云 | 弹性、好用、省钱。租GPU就上{:$configs['SYSTEM_NAME']}</title>
    <script charset="utf-8" src="__STATIC__/index/UrlChangeTracker.js.下载"></script>
    <script src="__STATIC__/index/hm.js.下载"></script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?e24036f31c6b8d171ce550a059a6f6fd";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="__STATIC__/index/js"></script>
    <script>window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());

      gtag('config', 'G-NDC1CJB7XZ');</script>
    <script type="module" crossorigin="" src="__STATIC__/index/index.8694f591.js.下载"></script>
    <link rel="modulepreload" href="__STATIC__/index/assets/service-code.579a3832.js">
    <link rel="modulepreload" href="__STATIC__/index/assets/vendor.b81eae31.js">
    <link rel="modulepreload" href="__STATIC__/index/assets/components.b909f9c6.js">
    <link rel="modulepreload" href="__STATIC__/index/assets/typeFormat.c90a440d.js">
    <link rel="modulepreload" href="__STATIC__/index/assets/instance.7d3962d2.js">
    <link rel="stylesheet" href="__STATIC__/index/components.7b47021f.css">
    <link rel="stylesheet" href="__STATIC__/index/service-code.c8e4d1d6.css">
    <link rel="stylesheet" href="__STATIC__/index/index.464797f4.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/index.d227e293.js">
    <link rel="stylesheet" href="__STATIC__/index/index.9371813c.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/upgradeVip.43ac10ee.js">
    <link rel="stylesheet" href="__STATIC__/index/upgradeVip.73104009.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/index.3f0ef6bb.js">
    <link rel="stylesheet" href="__STATIC__/index/index.bffdb511.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/packet.ab26367b.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/index.d63f0412.js">
    <link rel="stylesheet" href="__STATIC__/index/index.8496f719.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/utils.fc5818b8.js">
    <link rel="stylesheet" href="__STATIC__/index/utils.378a6405.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/index.399188bd.js">
    <link rel="stylesheet" href="__STATIC__/index/index.5ce7254b.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/empty.32b7efdc.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/index.509a9e49.js">
    <link rel="stylesheet" href="__STATIC__/index/index.ddb5baa5.css">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/getPrice.acd48083.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/myImage.d012c522.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/replaceIamge.67b737be.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/utils.0d768869.js">
    <link rel="modulepreload" as="script" crossorigin="" href="__STATIC__/index/assets/select-discount.ca8ebebd.js">
    <link rel="stylesheet" href="__STATIC__/index/select-discount.04b62e56.css"></head>
  
  <body>
  
    <div id="app" data-v-app="">
      
      {include file="html/header" /}
      
      <form action="{:url('detail')}" method="GET" id="searchForm">
      <div class="create-wrap" style="--55a05b28: flex-end;">
        <div class="instance-info">
          <div class="header">
            <div class="st-breadcrumb" data-v-24fccf28="">
              <span class="st-breadcrumb-item" data-v-24fccf28="">
                <span data-v-24fccf28="">
                  <a href="{:url('product/index')}" class="" data-v-24fccf28="">算力市场</a></span>
                <span class="st-breadcrumb-delimiter" data-v-24fccf28="">/</span></span>
              <span class="st-breadcrumb-item" data-v-24fccf28="">
                <span data-v-24fccf28="">创建实例</span>
                <span class="st-breadcrumb-delimiter" data-v-24fccf28="">/</span></span>
            </div>
            <span class="autodl-tip">
              <span class="iconfont icon-wenxintishi"></span>
              <span>严禁使用WebUI等算法生成违禁图片、严禁挖矿，一经发现立即封号！
                </span></span>
          </div>
          
          
          <div class="card">
            <div class="label">
              <span>计费方式:</span></div>
            <div class="value">
              <div class="radio">
                <div class="el-radio-group" role="radiogroup" style="display: flex; flex-direction: row;">
                    <?php foreach ($price_types as $k => $vo): ?>
                        <label class="el-radio-button el-radio-button--small {:empty($data[$k.'_price'])?'is-disabled':''} {:$k==$params['price_type']?'is-active':''}" role="radio" aria-checked="false" tabindex="-1" style="display: unset;">
                          <input class="el-radio-button__original-radio" type="radio" name="price_type" {:$k==$params['price_type']?'checked':''} tabindex="-1" value="{:$k}" {:empty($data[$k.'_price'])?'disabled':''}>
                          <span class="el-radio-button__inner">{:$vo}</span>
                        </label>
                    <?php endforeach ?>
                </div>
                <!-- <a href="#" target="_blank">计费规则</a> -->
              </div>
              <span class="note">创建完主机后仍然可以转换计费方式。如选择按量计费，价格发生变动以实例开机时的价格为准</span></div>
          </div>
          <div class="card select-server">
            
            <div class="machine-table" style="margin-top: 0px;">
              <div class="label">
                <span>选择主机:</span></div>
              <div class="loading-box" empty-text="暂时没有找到符合条件的机器，换个GPU数量试试~" data-v-6a789dee="">
                <div class="table-box fixed-height" data-v-6a789dee="">
                  <div class="el-table--fit el-table--striped el-table--fluid-height el-table--enable-row-hover el-table--enable-row-transition el-table lazy-load" data-v-6a789dee="" style="max-height: 420px;">
                    <div class="hidden-columns">
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                      <div data-v-6a789dee=""></div>
                    </div>
                    <div class="el-table__header-wrapper">
                      <table border="0" cellpadding="0" cellspacing="0" class="el-table__header" style="width: 1051px;">
                        <colgroup>
                          <col name="el-table_2_column_10" width="30">
                            <col name="el-table_2_column_11" width="85">
                              <col name="el-table_2_column_12" width="160">
                                <col name="el-table_2_column_13" width="95">
                                  <col name="el-table_2_column_14" width="110">
                                    <col name="el-table_2_column_15" width="211">
                                      <col name="el-table_2_column_16" width="140">
                                        <col name="el-table_2_column_17" width="80">
                                          <col name="el-table_2_column_18" width="140">
                                            <col name="gutter" width="0"></colgroup>
                        <thead class="has-gutter">
                          <tr class="">
                            <th class="el-table_2_column_10     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">
                                
                                
                                </div>
                            </th>
                            <th class="el-table_2_column_11     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">主机ID
                                
                                </div></th>
                            <th class="el-table_2_column_12     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">算力型号/显存
                                
                                </div></th>
                            <th class="el-table_2_column_13     is-leaf is-sortable el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">空闲GPU
                                <span class="caret-wrapper">
                                  <i class="sort-caret ascending"></i>
                                  <i class="sort-caret descending"></i>
                                </span>
                                </div>
                            </th>
                            <th class="el-table_2_column_14     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">每GPU分配
                                
                                </div></th>
                            <th class="el-table_2_column_15     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">CPU型号
                                
                                </div></th>
                            <th class="el-table_2_column_16     is-leaf is-sortable el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">硬盘
                                <span class="caret-wrapper">
                                  <i class="sort-caret ascending"></i>
                                  <i class="sort-caret descending"></i>
                                </span>
                                </div>
                            </th>
                            <th class="el-table_2_column_17     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">最高CUDA
                                
                                </div></th>
                            <th class="el-table_2_column_18     is-leaf el-table__cell" colspan="1" rowspan="1">
                              <div class="cell">价格(单卡)
                                
                                </div></th>
                          </tr>
                        </thead>
                      </table>
                    </div>
                    <div class="el-table__body-wrapper is-scrolling-none" style="max-height: 371px;">
                      <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="width: 1051px;">
                        <colgroup>
                          <col name="el-table_2_column_10" width="30">
                            <col name="el-table_2_column_11" width="85">
                              <col name="el-table_2_column_12" width="160">
                                <col name="el-table_2_column_13" width="95">
                                  <col name="el-table_2_column_14" width="110">
                                    <col name="el-table_2_column_15" width="211">
                                      <col name="el-table_2_column_16" width="140">
                                        <col name="el-table_2_column_17" width="80">
                                          <col name="el-table_2_column_18" width="140">
                                            </colgroup>
                        <tbody>
                          <tr class="el-table__row row-can-click">
                            <td class="el-table_2_column_10   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <label class="el-radio is-checked" role="radio" aria-checked="true" tabindex="0" data-v-6a789dee="">
                                  <span class="el-radio__input is-checked">
                                    <span class="el-radio__inner"></span>
                                    <input class="el-radio__original" type="radio" aria-hidden="true" name="id" tabindex="-1" checked value="{:$data['id']}"></span>
                                  <span class="el-radio__label">2e27408749</span></label>
                              </div>
                            </td>
                            <td class="el-table_2_column_11   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                
                                <div data-v-6a789dee="" style="display: inline-block; vertical-align: top;">
                                  <div class="machine-id-column">
                                    <span class="machineId" ariadescribedby="el-popper-6596">{:$data['name']}</span>
                                    </div>
                                </div>
                              </div>
                            </td>
                            <td class="el-table_2_column_12   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <div data-v-6a789dee="">{:$data['gpu_model']}
                                  <br>{:$data['gpu_memory']}</div></div>
                            </td>
                            <td class="el-table_2_column_13   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <div data-v-6a789dee="">
                                  <span style="font-weight: bold">{:$data['valid_num']}</span>/ {:$data['total_num']}</div></div>
                            </td>
                            <td class="el-table_2_column_14   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <div data-v-6a789dee="">CPU：{:$data['cpu_cores']}
                                  <br>内存：{:$data['memory']}</div></div>
                            </td>
                            <td class="el-table_2_column_15   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <div data-v-6a789dee="">{:$data['cpu_name']}</div></div>
                            </td>
                            <td class="el-table_2_column_16   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                <div data-v-6a789dee="">数据盘：{:$data['data_disk']}</div></div>
                            </td>
                            <td class="el-table_2_column_17   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                {:$data['cuda']}</div></td>
                            <td class="el-table_2_column_18   el-table__cell" rowspan="1" colspan="1">
                              <div class="cell">
                                
                                
                                <div data-v-6a789dee="" style="display: inline-block; vertical-align: top;">
                                  <div class="price-slot">
                                    <div class="price">
                                      <span style="color: rgb(247, 65, 45);">￥{:$data['price']}</span>/{:$data['unit']}
                                      <br>
                                      <!-- <span style="text-decoration: line-through; color: rgb(153, 153, 153);">￥2.08/时</span> -->
                                    </div>
                                    </div>
                                </div>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                      
                      </div>
                    
                    
                    
                    
                    <div class="el-table__column-resize-proxy" style="display: none;"></div>
                  </div>
                </div>
                </div>
            </div>
            <div class="gpu-num">
              <span class="label">GPU数量:</span>
              <div class="el-radio-group" role="radiogroup" style="display: flex; flex-direction: row;">
                <?php foreach (range(1, 12) as $k => $vo): ?>
                    <label class="el-radio-button el-radio-button--small {:$vo > $data['valid_num']?'is-disabled':''} {:$vo==$params['gpu_num']?'is-active':''}" role="radio" aria-checked="true" tabindex="0" style="display: unset;">
                      <input class="el-radio-button__original-radio" type="radio" name="gpu_num" {:$vo==$params['gpu_num']?'checked':''} tabindex="-1" value="{:$vo}" {:$vo > $data['valid_num']?'disabled':''}>
                      <span class="el-radio-button__inner">{:$vo}</span>
                    </label>
                <?php endforeach ?>

              </div>
              </div>
            <!-- <div class="data-disk">
              <span class="label">数据盘:</span>
              <div class="value">
                <div class="base">
                  <span class="free">免费50GB</span>
                  <div class="el-checkbox-group needExpand" role="group" aria-label="checkbox-group">
                    <label class="el-checkbox el-checkbox--small needExpand">
                      <span class="el-checkbox__input" aria-checked="false">
                        <span class="el-checkbox__inner"></span>
                        <input class="el-checkbox__original" type="checkbox" aria-hidden="false" value="需要扩容"></span>
                      <span class="el-checkbox__label">需要扩容</span>
                    </label>
                  </div>
                </div>
               </div>
            </div> -->
            <div class="desc">
              <span class="desc-left">实例规格：</span>
              <div class="desc-right">
                <div class="item">
                  <span class="ins-label">GPU型号</span>
                  <span class="ins-value">{:$data['gpu_model']} * {:$params['gpu_num']}卡</span></div>
                <div class="item">
                  <span class="ins-label">CPU</span>
                  <span class="ins-value">{:$data['cpu_cores']}</span></div>
                <div class="item">
                  <span class="ins-label">内存</span>
                  <span class="ins-value">{:$data['memory']}</span></div>
                <div class="item">
                  <span class="ins-label">系统盘</span>
                  <span class="ins-value">{:$data['system_disk']}</span></div>
                <div class="item">
                  <span class="ins-label">数据盘</span>
                  <span class="ins-value">{:$data['data_disk']}</span></div>
              </div>
            </div>
          </div>
     
        </div>
        <div class="pay-wrap">
          <div class="pay">
            
            <div class="pay-right">
              <div class="price">
                <div class="sum">
                  <!-- <div class="daily-cost">
                    <span class="pay-mode">日常费用：</span>
                    <span class="rmb">￥</span>
                    <span class="num">0.00</span>
                    <span class="unit">/日</span>
                    <span class="iconfont icon-wenhao" tabindex="0" aria-describedby="el-popper-9392"></span>
                  </div> -->
                  <div>
                    <span class="pay-mode">配置费用：</span>
                    <span class="rmb">￥</span>
                    <span class="num">{:$params['gpu_num']*$data['price']}</span>
                    <span class="unit">/{:$data['unit']}</span>
                    <!-- <span class="price-tooltip" tabindex="0" aria-describedby="el-popper-4878">费用明细</span> -->
                 </div>
                </div>
                <div class="price-type">
                  
                  <div class="coupon">
                    <span class="label">账户余额：</span>
                    <span>￥0.00</span>
                    <span class="toPay">余额不足去充值</span></div>
                </div>
              </div>
              <div class="operation">
                <a class="el-button el-button--default el-button--small" type="button" style="width: auto;" href="{:url('index')}">
                  <span>取消</span></a>
                <button class="el-button el-button--primary el-button--small buy-btn" type="button" style="width: auto;">
                  <span>立即创建</span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
      </form>
    </div>

    <noscript>
      <div style="text-align: center;width: 100%;height: 100%;font-size: 28px;color: #F7412D;padding-top: 80px;">{:$configs['SYSTEM_NAME']}网站需要使用JavaScript实现功能，您的浏览器禁用了JavaScript权限，请打开权限以继续。</div></noscript>
    <script src="__STATIC__/index/font_2642583_baxzum18oum.js.下载"></script>
    <script src="__STATIC__/index/jquery.min.js.下载"></script>
    <script src="__STATIC__/index/webuploader.min.js.下载"></script>
    <div aria-hidden="true" class="el-popover seeta-popover menu-popover el-popper is-light" id="el-popper-8448" role="tooltip" style="width: fit-content; z-index: 2069; display: none;">
      
      <div class="menu-list">
        <ul>
          <li>API弹性部署</li>
          <li>共享数据</li></ul>
      </div>
      <div class="el-popper__arrow" data-popper-arrow="" style=""></div>
    </div>
    <div aria-hidden="true" class="el-popover seeta-popover user-popover el-popper is-light" id="el-popper-5570" role="tooltip" style="width: 340px; z-index: 2185; display: none;">
      
      <div class="user-content" data-v-3d656456="">
        <div class="basic" data-v-3d656456="">
          <div data-v-3d656456="">
            <div class="user-name" data-v-3d656456="">
              <span data-v-3d656456="">炼丹师7496</span>
              <span data-v-3d656456="">
                
                <span class="no-auth" title="点击前往实名认证" data-v-3d656456="">未实名</span></span>
            </div>
            <div class="user-uuid" data-v-3d656456="">
              <span data-v-3d656456="">ID：10b941c9-91f8-4603-9020-b9fb8a45f10b</span>
              <span class="iconfont icon-fuzhi" data-v-3d656456=""></span>
            </div>
            <div class="user-level" data-v-3d656456="">
              <div class="level" data-v-3d656456="">
                <img class="icon" src="__STATIC__/index/vip-grade3.0316b51b.png" alt="" data-v-3d656456="">
                <span data-v-3d656456="">炼丹会员</span></div>
              </div>
          </div>
        </div>
        <div class="wallet" data-v-3d656456="">
          <div data-v-3d656456="">
            <div class="balance wallet-item" data-v-3d656456="">
              <div class="asset" data-v-3d656456="">
                <span data-v-3d656456="">可用余额：</span>
                <span class="number" data-v-3d656456="">￥0.00</span></div>
              <span class="recharge" data-v-3d656456="">充值</span></div>
            <div class="balance wallet-item" data-v-3d656456="">
              <div class="asset" data-v-3d656456="">
                <span data-v-3d656456="">冻结余额：</span>
                <span class="number" data-v-3d656456="">￥0.00</span></div>
            </div>
            <div class="coupon wallet-item" data-v-3d656456="">
              <span data-v-3d656456="">代金券：</span>
              <span class="number" data-v-3d656456="">￥0.00</span></div>
            <div class="instance wallet-item" data-v-3d656456="">
              <span data-v-3d656456="">容器实例：</span>
              <span data-v-3d656456="">0</span></div>
          </div>
        </div>
        <div class="logout" data-v-3d656456="">退出登录</div></div>
      <div class="el-popper__arrow" data-popper-arrow="" style=""></div>
    </div>
    <div aria-hidden="true" class="el-popover seeta-popover  flowPopper el-popper is-light" id="el-popper-8018" role="tooltip" style="width: 150px; z-index: 2005; display: none;">
      
      <div class="gpuDetail" data-v-44be1e0e="">
        <div class="specifications" data-v-44be1e0e="">
          <span class="title" data-v-44be1e0e="">微信扫码咨询客服</span>
          <img src="" data-v-44be1e0e="">
          <button class="el-button el-button--default el-button--small" type="button" data-v-44be1e0e="" style="width: auto;">
            
            
            <span>桌面版微信点击咨询客服</span></button>
        </div>
      </div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="el-popover seeta-popover  floatPopper el-popper is-light" id="el-popper-7219" role="tooltip" style="width: 150px; z-index: 2007; display: none;">
      
      <div class="gpuDetail" data-v-44be1e0e="">
        <div class="item" data-v-44be1e0e="">
          <span class="title" data-v-44be1e0e="">商务合作请联系电话
            <br data-v-44be1e0e="">15366193905</span></div>
        <div class="item" data-v-44be1e0e="">
          <span class="title" data-v-44be1e0e="">使用问题请咨询微信客服</span>
          <img src="" data-v-44be1e0e=""></div>
      </div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="el-popover seeta-popover  floatPopper el-popper is-light" id="el-popper-1085" role="tooltip" style="width: 150px; z-index: 2009; display: none;">
      
      <div class="gpuDetail" data-v-44be1e0e="" style="cursor: pointer;">
        <div class="item" data-v-44be1e0e="">
          <span class="title" data-v-44be1e0e="">反馈与建议</span></div>
      </div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="el-cascader__dropdown show-title cascadeHeight el-popper is-light is-pure" id="el-popper-4293" role="tooltip" style="z-index: 2300; display: none;">
      <div class="el-cascader-panel">
        <div class="el-scrollbar el-cascader-menu" role="menu">
          <div class="el-cascader-menu__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
            <ul class="el-scrollbar__view el-cascader-menu__list">
              <li id="cascader-menu-5198-0-95" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">PyTorch</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-135" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">TensorFlow</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-145" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">Miniconda</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-161" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">JAX</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-165" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">PaddlePaddle</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-172" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">TensorRT</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-179" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">Gromacs</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              <li id="cascader-menu-5198-0-186" role="menuitem" aria-haspopup="true" aria-owns="cascader-menu-5198-0" aria-expanded="false" tabindex="-1" class="el-cascader-node">
                <!-- prefix -->
                
                <!-- content -->
                <span class="el-cascader-node__label">
                  <div class="st-cascader-panel" data-v-5f4814a1="">
                    <span data-title="框架名称" data-v-5f4814a1="">Jittor</span></div>
                </span>
                <!-- postfix -->
                <i class="el-icon-arrow-right el-cascader-node__postfix"></i>
              </li>
              </ul>
          </div>
          <div class="el-scrollbar__bar is-horizontal" style="display: none;">
            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
          </div>
          <div class="el-scrollbar__bar is-vertical" style="display: none;">
            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
          </div>
        </div>
      </div>
      
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="el-select__popper selectWrap el-popper is-light is-pure" id="el-popper-9886" role="tooltip" style="z-index: 2301; display: none;">
      <div class="el-select-dropdown selectWrap" style="min-width: 200px;">
        <div class="el-scrollbar" style="display: none;">
          <div class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
            <ul class="el-scrollbar__view el-select-dropdown__list"></ul>
          </div>
          <div class="el-scrollbar__bar is-horizontal" style="display: none;">
            <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
          </div>
          <div class="el-scrollbar__bar is-vertical" style="display: none;">
            <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
          </div>
        </div>
        <p class="el-select-dropdown__empty">无数据</p></div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="el-popover seeta-popover  machine-popover el-popper is-light" id="el-popper-6596" role="tooltip" style="width: fit-content; z-index: 2302; display: none;">
      
      <div class="machine-content">
        <div class="name">
          <span class="label">主机名称：</span>
          <span class="value">西北B区
            <span>/ 775机</span></span>
        </div>
        <div class="rent">
          <span class="label">可租用至：</span>
          <span class="value">2027-01-01</span></div>
        <div class="dataDisk">
          <span class="label">数据盘可扩容：</span>
          <span class="value">817&nbsp;GB</span></div>
      </div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
    <div aria-hidden="true" class="seeta-tooltip el-popper is-dark" id="el-popper-9392" role="tooltip" style="z-index: 2304; display: none;">无论是否关机均会产生的费用。比如付费数据盘（折扣同会员折扣）
      <div class="el-popper__arrow" data-popper-arrow=""></div></div>
    <div aria-hidden="true" class="price-detail-popper el-popper is-light" id="el-popper-4878" role="tooltip" style="z-index: 2305; display: none;">
      <div class="price-detail">
        <div>
          <span>我的会员折扣：</span>
          <span class="member_user member_level">8折</span>
          </div>
        <div class="price-detail-tip">
          <span>* 价格计算公式：（原价 - 优惠券优惠金额）× 会员折扣</span></div>
        <div class="price-table">
          <div class="price-table-header">
            <div>计费项</div>
            <div>原价</div>
            <div>优惠金额</div>
            <div>最终价格</div></div>
          <div class="price-table-data">
            <span>实例</span>
            <div>
              <span>￥2.08/时</span></div>
            <div>
              <span>￥- 0.00/时</span></div>
            <div>
              <span class="final-price">￥1.66/时</span>
              <span class="orig-price">￥2.08/时</span></div>
          </div>
          <div class="price-table-data">
            <span>付费数据盘</span>
            <div>
              <span>￥0.00/日</span></div>
            <div>
              <span>￥- 0.00/日</span></div>
            <div>
              <span class="final-price">￥0.00/日</span>
              <span class="orig-price">￥0.00/日</span></div>
          </div>
        </div>
      </div>
      <div class="el-popper__arrow" data-popper-arrow=""></div>
    </div>
  </body>
  <script type="text/javascript">
    $(".el-radio-button").on('click',function(){
      $("#searchForm").submit();
    });

    $(".buy-btn").on('click',function(){
      $("#searchForm").prop('action','{:url('buy')}');
      $("#searchForm").submit();
    });
  </script>

</html>